<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>条件筛选</title>
    <link href="shaixuan.css" rel="stylesheet">
</head>
<body>

<div class="main">

    
    <section>
    	<form action="???" method="post">
        	<div class="tfdx">
                <label class="first">选择投放对象：</label>
                <!--<p></p>-->
            </div>
            
            <div class="xb">
            	<label>性别：</label>
                <select>
                	<option id="0">--请选择--</option>
                	<option id="0">女</option>
                    <option id="0">男</option>
                    <option id="0">未知</option>
                </select>
                <label>年龄：</label>
                <select>
                	<option id="1">--请选择--</option>
                    <option value="15-20" id="1">15-20</option>
                    <option value="20-25" id="1">20-25</option>
                    <option value="25-30" id="1">25-30</option>
                    <option value="30-35" id="1">30-35</option>
                </select>
                <label>收入：</label>
                <select>
                	<option id="2">--请选择--</option>
                    <option value="0-3000" id="2">0-3000</option>
                    <option value="3000-5000" id="2">3000-5000</option>
                    <option value="5000-8000" id="2">5000-8000</option>
                    <option value="8000+" id="2">8000+</option>
                </select>
            </div>
            
            
        </form>
    </section>
    
</div>


<script src="jquery-1.9.1.min.js"></script>
<script>
$(document).ready(function() {
	
	for(i=0;i<=6;i++){
		var add	= "<p></p>";
		$(".tfdx").append(add);
		$(".tfdx").children('p').hide();
	}
	
	$('select').bind("change",function(e) {
		var id =  $(this).children('option:selected').attr('id');
		var val = $(this).find('option:selected').val();
		$('.tfdx>p').eq(id).fadeIn(500).append('<span>'+val+'</span>');
		$('.tfdx>p').eq(id).children().eq(0).html(val+'<a class="gb">'+'X'+'</a>').siblings().remove();
			
	});
	
	
	$('.tfdx>p').on('click','a',function(){
		$(this).parents('p').fadeOut(500,function(){
			$(this).children().remove();	
		});
		var hy = $(this).parents('p').index()-1;
		alert(hy);
		$('option').filter('#'+hy).parent().children('option:first').attr('selected','selected');
	})
	
	
});
</script>
</body>
</html>